<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3c.org/TR/html4/strict.dtd">
<html>
	<head>
		<title></title>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<link href="http://s.kaixin008.com.cn/css/kxcommon-024090dd3.css" rel="stylesheet" type="text/css" />
		<link href="http://s.kaixin008.com.cn/css/kxcomment-001360cdb.css" rel="stylesheet" type="text/css" />
		<script src="http://s.kaixin008.com.cn/js/base/Haibei.js"></script>
        <script src="http://s.kaixin008.com.cn/js/core/jQuery.js"></script>
		<script type="text/javascript" src="http://s.kaixin008.com.cn/js/core/panel/Panel.js"></script>
		<script type="text/javascript" src="http://s.kaixin008.com.cn/js/core/panel/Mask.js"></script>
		<script type="text/javascript" src="http://s.kaixin008.com.cn/js/core/panel/Dialog.js"></script>
	</head>
	<body>
		<h1>GDialog测试</h1>
		<style type="text/css">
			.cls{zoom:1;}
			.cls:after{content:'.';display:block;height:0;visibility:hidden;clear:both;}
			.args{background:#eee;padding:10px 0 10px 50px;border-bottom:1px solid #999;margin-top: 20px;}
			.args li{margin: 5px;list-style:none;}
			.args li .k{display:inline-block;width: 100px;text-align:right;padding-right:5px;}

			/*application*/
			.theater-mode{
				margin-right: 15px;
			}
			.theater-mode body{
				overflow: hidden;
			}

			.theater-mode .photo-view-mask{
				overflow-y: scroll;
				opacity: 1;
				background: rgba(0, 0, 0, .2);
				padding-bottom:
			}
		</style>
		<!--[if IE]>
		<style type="text/css">
		.theater-mode{
			overflow: hidden;
		}
		</style>
		<![endif]-->

		<!--[if IE 9]>
		<style type="text/css">
		.theater-mode .photo-view-mask{
			/*IE9下需要加，否则渲染会出问题*/
			opacity: 0.9999;
		}
		</style>
		<![endif]-->

		<!--[if lt IE 9]>
		<style type="text/css">
		.photo-view-mask{
			/*加背景图防止在IE某些版本下scroll无效*/
			background:url(http://img1.kaixin008.com.cn/i/blank.png) no-repeat;
			/*IE9以下版本滤镜半透明*/
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)";
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#33000000)
		}
		</style>
		<![endif]-->
		<div class="args">
			<h3>参数</h3>
			<ul>
				<li class="cls">
					<span class="k"><label>Left:</label></span><span class="v"><input id="leftVal" value="0"></span>
				</li>
				<li class="cls">
					<span class="k"><label>Top:</label></span><span class="v"><input id="topVal" value="0"></span>
				</li>
				<li class="cls">
					<span class="k"><label>Height:</label></span><span class="v"><input id="heightVal" value="none"></span>
				</li>
				<li class="cls">
					<span class="k"><label>Width:</label></span><span class="v"><input id="widthVal" value="818"></span>
				</li>
				<li class="cls">
					<span class="k"><label>是否居中:</label></span>
					<span class="v">
						<select id="atCenterVal"><option value="1">是</option><option value="0">否</option></select>
					</span>
				</li>
				<li class="cls">
					<span class="k"><label>是否使用iframe:</label></span>
					<span class="v">
						<select id="useIframeVal"><option value="2">自动</option><option value="1">是</option><option value="0">否</option></select>
					</span>
				</li>
				<li class="cls">
					<span class="k"><label>是否使用mask:</label></span>
					<span class="v">
						<select id="useMaskVal"><option value="1">是</option><option value="0">否</option></select>
					</span>
				</li>
				<li class="cls">
					<span class="k"><label>标题:</label></span><span class="v"><input id="titleVal" value=""></span>
				</li>
				<li class="cls">
					<span class="k"><label>内容:</label></span>
					<span class="v">
						<textarea id="contentVal" cols="40" rows="15">
							<div class="photo-content">
								<div class="kxPhotoView">
									<div class="kxVmBox kxPhotoView_photoBox">
										<img src="http://pic1.kaixin001.com.cn/pic/photo/31/93/411809_774319385_rotate.jpg" class="vm" alt=""><span class="kxVmSpan"></span>
									</div>
									<div class="kxPhotoView_photoInfo clearfix">
										<div class="kxPhotoView_photoDes">
										美丽的绽放，这是一朵小花最后的盛开，就这样静静的，静静的。在艰难湿热的环境中，是那样洁白，没有动人的色彩，却让人动心...
										</div>
										<div class="kxSlidebtn">
											<span title="上一个" class="kxSlideprev kxSlideprev_dis" id="rollSlidePrev_2"></span><span title="下一个" class="kxSlidenext" id="rollSlideNext_2"></span>
										</div>
									</div>
									<!-- 评论 -->
									<div class="commentCol">
										<div class="comment_area">
											<div id="retweet_comment_up" class="comment_area comment_area_photo">
												<div class="_kxj_cfwrapper comment_area">
													<ul class="kx_func_bar" id="_kxj_cf_head_774560085">
														<li>
															<a class="sl2 _kxj_fwdtrigger" href="#" name="kxforward" targetid="_kxj_cf_774560085">
																转发
															</a>
														</li>
														<li class="pipeline pipeline_sp">
														</li>
														<li>
															<a conflict="_kxj_fwdlist fwd_detail forwardBox forwardtip" class="sl2"
															href="#" name="comment" targetid="_kxj_cf_774560085" onclick="">
																评论(17)
															</a>
														</li>
														<li class="pipeline pipeline_sp">
														</li>
														<li>
															<a conflict="fwd_detail _kxj_fwdlist _kxj_fwdbox" class="sl2" href="#"
															name="zan" targetid="_kxj_cf_774560085" onclick="">
																赞(1)
															</a>
														</li>
													</ul>
													<div class="c">
													</div>
													<div style="display: block;" id="_kxj_cf_774560085" class="_kxj_cfdatadom detail_comment_con">
														<span class="uparrow">
														</span>
														<div class="c">
														</div>
														<h1 style="visibility: visible;">
															<span id="zan_list_3">
																<a class="sl2" href="#">
																	1个人
																</a>
																觉得这个挺赞的
															</span>
														</h1>
														<div class="d_comment_l">
															<a href="/home/?uid=1910171" style="display:block;" class="l u_avatar_l">
																<img width="50" height="50" src="http://pic1.kaixin001.com.cn/logo/91/1/50_1910171_1.jpg">
															</a>
															<div class="l cmt_pst" name="comment_box">
																<div class="r" name="comment_container">
																	&lt;textarea name="liteeditor_1" tip="输入你的评论..." class="cmtbox">&lt;/textarea>
																</div>
																<div class="c">
																</div>
																<div style="display:none" class="cmtopt" name="comment_opt">
																	<div title="表情" class="c_face">
																	</div>
																	<div title="@好友姓名，他就可以参与评论" class="c_cmat">
																	</div>
																	<div class="c_secret">
																		<input type="checkbox" name="comment_hiddenmsg" id="comment_hiddemsg_c2"
																		value="1" class="l">
																		<label class="l" for="comment_hiddemsg_c2">
																			悄悄话
																		</label>
																		<br class="c">
																	</div>
																	<div class="c_button">
																		<div class="rbs1">
																			<input type="button" onmouseout="this.className='rb1';" onmouseover="this.className='rb2';"
																			class="rb1" title="快捷方式 Ctrl+Enter" value="评论">
																		</div>
																	</div>
																	<img src="http://img1.kaixin001.com.cn/i/loading_s.gif" class="c_loading"
																	style="display:none;">
																</div>
															</div>
															<div class="c">
															</div>
														</div>
														<div id="threaddiv_c2_1210822883" class="d_comment_l">
															<a title="付岩" href="/home/?uid=123242" class="l u_avatar_l">
																<img width="50" height="50" src="http://pic.kaixin001.com.cn/logo/12/32/50_123242_82.jpg">
															</a>
															<div class="c_area">
																<a title="举报" class="kx_ico icoReport" href="#" style="display: none;">
																</a>
																<span class="time">
																	2012-01-04 17:12
																</span>
																<img title="删除" src="http://img1.kaixin001.com.cn/i/close.gif" class="close">
																<h2>
																	<a href="javascript:g_chatwith(123242)">
																		<img align="absmiddle" width="18" height="15" src="http://img1.kaixin001.com.cn/i/u_zx1.gif"
																		title="跟付岩在线聊天">
																	</a>
																	<a href="/home/?uid=123242" class="sl">
																		付岩
																	</a>
																	说道：
																</h2>
																<p name="content">
																	年会么
																</p>
																<div class="r_list">
																	<div id="replyitem_c2_1210823061" style="background-color: transparent;">
																		<a title="举报" class="kx_ico icoReport" href="#" style="display: none;">
																		</a>
																		<span class="time">
																			2012-01-04 17:12
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=132578" title="刘丽慷" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/13/25/50_132578_2.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=132578" class="sl">
																				刘丽慷
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210823061">
																			是啊，cosplay
																		</p>
																	</div>
																	<div id="replyitem_c2_1210824306" style="background-color: transparent;">
																		<a title="举报" class="kx_ico icoReport" href="#" style="display: none;">
																		</a>
																		<span class="time">
																			2012-01-04 17:17
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=123242" title="付岩" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/12/32/50_123242_82.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=123242" class="sl">
																				付岩
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210824306">
																			你们这个一看就行啊&nbsp; 我们内多牛掰&nbsp; 多彻底
																		</p>
																	</div>
																	<div id="replyitem_c2_1210824475" style="background-color: transparent;">
																		<a title="举报" class="kx_ico icoReport" href="#" style="display: none;">
																		</a>
																		<span class="time">
																			2012-01-04 17:17
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=132578" title="刘丽慷" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/13/25/50_132578_2.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=132578" class="sl">
																				刘丽慷
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210824475">
																			恩，我看你照片了，弄得真像啊，你们那衣服成本很高吧
																		</p>
																	</div>
																	<div id="replyitem_c2_1210824758" style="background-color: transparent;">
																		<a title="举报" class="kx_ico icoReport" href="#" style="display: none;">
																		</a>
																		<span class="time">
																			2012-01-04 17:18
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=123242" title="付岩" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/12/32/50_123242_82.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=123242" class="sl">
																				付岩
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210824758">
																			管剧组借的&nbsp; 化妆师也是&nbsp; &nbsp; 央视一个节目纯扒的&nbsp; 连指导都是
																		</p>
																	</div>
																	<div id="replyitem_c2_1210825190" style="background-color: transparent;">
																		<a title="举报" class="kx_ico icoReport" href="#" style="display: none;">
																		</a>
																		<span class="time">
																			2012-01-04 17:20
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=132578" title="刘丽慷" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/13/25/50_132578_2.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=132578" class="sl">
																				刘丽慷
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210825190">
																			奥，那省事儿啊，我们那节目都是自备道具，弄起来可费劲了。。。
																		</p>
																	</div>
																	<div id="replyitem_c2_1210825334">
																		<a title="举报" class="kx_ico icoReport" href="#">
																		</a>
																		<span class="time">
																			2012-01-04 17:21
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=123242" title="付岩" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/12/32/50_123242_82.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=123242" class="sl">
																				付岩
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210825334">
																			我们就卸妆费劲
																		</p>
																	</div>
																	<div id="replyitem_c2_1210829388">
																		<a title="举报" class="kx_ico icoReport" href="#">
																		</a>
																		<span class="time">
																			2012-01-04 17:36
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=132578" title="刘丽慷" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/13/25/50_132578_2.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=132578" class="sl">
																				刘丽慷
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210829388">
																			我上次看一个最强阵容的节目，就是你们这个
																		</p>
																	</div>
																</div>
																<ul>
																	<a href="#" class="sl">
																		回复
																	</a>
																</ul>
															</div>
															<div id="replydiv_1210822883">
															</div>
														</div>
														<div id="threaddiv_c2_1210810302" class="d_comment_l">
															<a title="李伟" href="/home/?uid=5461174" class="l u_avatar_l">
																<img width="50" height="50" src="http://pic.kaixin001.com.cn/logo/46/11/50_5461174_4.jpg">
															</a>
															<div class="c_area">
																<a title="举报" class="kx_ico icoReport" href="#">
																</a>
																<span class="time">
																	2012-01-04 16:30
																</span>
																<img title="删除" src="http://img1.kaixin001.com.cn/i/close.gif" class="close">
																<h2>
																	<a href="/home/?uid=5461174" class="sl">
																		李伟
																	</a>
																	说道：
																</h2>
																<p name="content">
																	帅哥一个，鉴定完毕
																</p>
																<div class="r_list">
																	<div id="replyitem_c2_1210812373">
																		<a title="举报" class="kx_ico icoReport" href="#">
																		</a>
																		<span class="time">
																			2012-01-04 16:37
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=132578" title="刘丽慷" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/13/25/50_132578_2.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=132578" class="sl">
																				刘丽慷
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210812373">
																			<img align="absmiddle" title="偷笑" src="http://img.kaixin001.com.cn/i/state/titter.gif"
																			onload="_commentImageResize(this,250);">
																		</p>
																	</div>
																</div>
																<ul>
																	<a href="#" class="sl">
																		回复
																	</a>
																</ul>
															</div>
															<div id="replydiv_1210810302">
															</div>
														</div>
														<div id="threaddiv_c2_1210795607" class="d_comment_l">
															<a title="于媛媛" href="/home/?uid=7490200" class="l u_avatar_l">
																<img width="50" height="50" src="http://pic.kaixin001.com.cn/logo/49/2/50_7490200_11.jpg">
															</a>
															<div class="c_area">
																<a title="举报" class="kx_ico icoReport" href="#">
																</a>
																<span class="time">
																	2012-01-04 15:39
																</span>
																<img title="删除" src="http://img1.kaixin001.com.cn/i/close.gif" class="close">
																<h2>
																	<a href="javascript:g_chatwith(7490200)">
																		<img align="absmiddle" width="18" height="15" src="http://img1.kaixin001.com.cn/i/u_zx1.gif"
																		title="跟于媛媛在线聊天">
																	</a>
																	<a href="/home/?uid=7490200" class="sl">
																		于媛媛
																	</a>
																	说道：
																</h2>
																<p name="content">
																	帅气红卫兵
																	<img src="http://img.kaixin001.com.cn/i/state/praise_3.gif" onload="_commentImageResize(this,320);">
																</p>
																<div class="r_list">
																	<div id="replyitem_c2_1210795723">
																		<a title="举报" class="kx_ico icoReport" href="#">
																		</a>
																		<span class="time">
																			2012-01-04 15:40
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=132578" title="刘丽慷" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/13/25/50_132578_2.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=132578" class="sl">
																				刘丽慷
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210795723">
																			<img align="absmiddle" title="偷笑" src="http://img.kaixin001.com.cn/i/state/titter.gif"
																			onload="_commentImageResize(this,250);">
																		</p>
																	</div>
																</div>
																<ul>
																	<a href="#" class="sl">
																		回复
																	</a>
																</ul>
															</div>
															<div id="replydiv_1210795607">
															</div>
														</div>
														<div id="threaddiv_c2_1210791370" class="d_comment_l">
															<a title="衣敏" href="/home/?uid=98234091" class="l u_avatar_l">
																<img width="50" height="50" src="http://pic1.kaixin001.com.cn/logo/23/40/50_98234091_1.jpg">
															</a>
															<div class="c_area">
																<a title="举报" class="kx_ico icoReport" href="#">
																</a>
																<span class="time">
																	2012-01-04 15:24
																</span>
																<img title="删除" src="http://img1.kaixin001.com.cn/i/close.gif" class="close">
																<h2>
																	<a href="javascript:g_chatwith(98234091)">
																		<img align="absmiddle" width="18" height="15" src="http://img1.kaixin001.com.cn/i/u_zx1.gif"
																		title="跟衣敏在线聊天">
																	</a>
																	<a href="/home/?uid=98234091" class="sl">
																		衣敏
																	</a>
																	说道：
																</h2>
																<p name="content">
																	让@
																	<a href="/home/?uid=134815" class="sl2">
																		徐瑶（晃娘）
																	</a>
																	&nbsp; 来评价一下
																</p>
																<div class="r_list">
																	<div id="replyitem_c2_1210791996">
																		<a title="举报" class="kx_ico icoReport" href="#">
																		</a>
																		<span class="time">
																			2012-01-04 15:26
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=134815" title="徐瑶（晃..." class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic1.kaixin001.com.cn/logo/13/48/50_134815_35.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=134815" class="sl">
																				徐瑶（晃...
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210791996">
																			我怎么脚着他像慰安那啥。。。
																			<img align="absmiddle" title="委屈" src="http://img.kaixin001.com.cn/i/state/wronged.gif"
																			onload="_commentImageResize(this,250);">
																		</p>
																	</div>
																	<div id="replyitem_c2_1210792234">
																		<a title="举报" class="kx_ico icoReport" href="#">
																		</a>
																		<span class="time">
																			2012-01-04 15:27
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=132578" title="刘丽慷" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic.kaixin001.com.cn/logo/13/25/50_132578_2.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=132578" class="sl">
																				刘丽慷
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210792234">
																			你懂不懂历史，这是红卫兵，解放了几十年了好么。。。
																		</p>
																	</div>
																	<div id="replyitem_c2_1210792286">
																		<a title="举报" class="kx_ico icoReport" href="#">
																		</a>
																		<span class="time">
																			2012-01-04 15:27
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=98234091" title="衣敏" class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic1.kaixin001.com.cn/logo/23/40/50_98234091_1.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=98234091" class="sl">
																				衣敏
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210792286">
																			我光知道你肯定能打击likang，没想到力度这么大……
																		</p>
																	</div>
																	<div id="replyitem_c2_1210792431">
																		<a title="举报" class="kx_ico icoReport" href="#">
																		</a>
																		<span class="time">
																			2012-01-04 15:28
																		</span>
																		<img class="close" title="删除" src="http://img1.kaixin001.com.cn/i/close.gif">
																		<a href="/home/?uid=134815" title="徐瑶（晃..." class="u_avatar">
																			<img width="28" height="28" class="l" src="http://pic1.kaixin001.com.cn/logo/13/48/50_134815_35.jpg">
																		</a>
																		<h3>
																			<a href="/home/?uid=134815" class="sl">
																				徐瑶（晃...
																			</a>
																			回复道：
																		</h3>
																		<p id="replycomment_1210792431">
																			我这是夸你呢，说你长得帅，这你都听不出来，咱俩的默契哪儿去了？
																		</p>
																	</div>
																</div>
																<ul>
																	<a href="#" class="sl">
																		回复
																	</a>
																</ul>
															</div>
															<div id="replydiv_1210791370">
															</div>
														</div>
														<img align="absmiddle" src="http://img1.kaixin001.com.cn/i/home/dt_loading.gif"
														class="comment_loading" style="display: none;">
													</div>
												</div>
											</div>
										</div>
									</div>
									<!-- 评论 end -->
								</div>
							</div>
						</textarea>
					</span>
				</li>
				<li class="cls">
					<span class="k"><label>样式:</label></span>
					<span class="v">
						<select id="classNameVal"><option value="panel-t4">panel-t4</option></select>
					</span>
				</li>
				<li class="cls">
					<span class="k"><label></label></span>
					<span class="v">
						<button id="showDialog">Show</button>&nbsp;&nbsp;<button id="hideDialog">Hide</button>
					</span>
				</li>
			</ul>
		</div>	
		内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
		内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>内容<br>
		
	</body>
	<script type="text/javascript">
	

		K.App('ADialogTest',['core/panel/Dialog','jQuery']).define({
			main: function(){
				var Dialog = this.require( 'core/panel/Dialog' ),
					$ = this.require( 'jQuery' );
				window.$ = $;
				
				function getOpts(){
					var optArr = 'top,left,width,atCenter,useIframe,useMask,title,className,content'.split(','),
						opts = {};
					K.forEach(optArr, function(opt){
						var val = $('#' + opt + 'Val').val();
						if( opt == 'top' || opt == 'left' || opt == 'height' || opt == 'width' ){
							val = parseInt( val );
						}
						if( opt == 'atCenter' || opt == 'useMask' ){
							val = !!parseInt( val );
							opts[ opt ] = val;
						}
						else if( opt == 'useIframe' ){
							val = parseInt( val );
							if( val != 2 ){
								val = !!val;
								opts[ opt ] = val;
							}
						}
						else{
							opts[ opt ] = val;
						}
					});
					return opts;
				}				
				
				$('#showDialog').click(function(){ 
					var opts = getOpts();
					opts.maskOption = {
						MASK_CLASS: 'photo-view-mask'
					};
					opts.autoLayout = true;
					
					if( parseInt( K.Browser.ie ) == 6 ){
						opts.maskOption.topOffset = opts.maskOption.bottomOffset = 0;
					}

					opts.embedMask = true;

					window.dlg = new Dialog( opts );

					window.dlg.on( 'aftershow', function(){
						//隐藏BODY滚动条
						$( 'html' ).addClass( 'theater-mode' );
						//调整窗口坐标
						window.dlg.setStyle( 'top', 10 );
					} );

					window.dlg.on( 'afterhide', function(){
						$( 'html' ).removeClass( 'theater-mode' );
					} );

					//点击Mask关闭窗口
					var mask = window.dlg.getMask().getPanel();
					mask.click( function( evt ){
						//点击Mask才关闭
						if( evt.target == mask[0] ) {
							window.dlg.hide();
						}
					} );

					window.dlg.show();
				});
				$('#hideDialog').click(function(){ window.dlg.hide();});
			}
		});
	//]]>
	</script>
</html>
